$(function () {
    $(".tab ol li").hover(function () {
        $(this).addClass("active").siblings().removeClass("active")
        $(".tab ul").eq($(this).index()).show().siblings("ul").hide()
    })
    $(".tab ul li").hover(function () {
        $(this).find("dl").show()
            .end()//$(this) 还原链式操作对象为最开始选择器
            .siblings().find("dl").hide();
        $(this).find("p").hide()
            .end()//$(this)
            .siblings().find("p").show()
    })
    layer.open({
        type: 2,
        area: ['500px', '327px'],
        fixed: false, //不固定
        maxmin: true,
        content: '/9071-jquery/book/open.html'
    });

    $("#scroll_number li").click(function () {
        scroll_img($(this).index);
    })
    //循环
    setInterval(function () {
        i++
        if (i > 3) i = 0;
        scroll_img(i);
    }, 3000)

    //无缝滚动
    let mt = 0;//滚动的margin-top值的起始
    let stop = true;//标识是否滚动
    setInterval(function () {
        //0- -20
        if (stop)
            $("#express li").eq(0).animate({"margin-top": --mt}, 0, function () {
                // //动画完成时
                if (mt == -20) {//当margin-top -20时重置
                    let first = $(this).css("margin-top", "0");//设置第一个元素margin为0
                    first.appendTo($("#express"));//追加到末尾
                    mt = 0;//重置0
                }
            })
    }, 50)
    $("#express").hover(function () {
        stop = false;
    }, function () {
        stop = true;
    })
})
let i = 0;//起始
function scroll_img(i) {
    $("#scroll_number li").eq(i).addClass("scroll_number_over").siblings().removeClass("scroll_number_over")
    $("#scroll_img li").eq(i).fadeIn().siblings().fadeOut();
}